<template>
  <main class="min-h-[500px] h-[500px] w-full bg-[#FFCE4F]">
    <div class="w-full h-full">
      <div
        class="flex flex-col items-center justify-start pt-20 !px-12 mx-auto h-full max-w-lg overflow-hidden relative"
      >
        <h3 class="text-2xl font-bold">安卓下载</h3>
        <div class="w-full">
          <a
            href="https://a.app.qq.com/o/simple.jsp?pkgname=com.lucksec&amp;fromcase=70051&amp;g_f=1182517&amp;scenevia=XQYFX"
            target="_blank"
            class="flex justify-center w-full mt-4 bg-black px-5 py-1 rounded-sm"
            ><img
              src="https://www.lucksec.cn/img/google.e5487f97.png"
              class="h-12"
              height="50"
              alt=""
          /></a>
        </div>
        <div class="mt-5 flex flex-col items-center">
          <p class="text-sm">3,000次下载 · 应用宝/第三方浏览器</p>
          <router-link to="/download/ios" class="text-[#1264a3]"
            >苹果下载</router-link
          >
        </div>
        <div class="absolute w-[80%] max-w-[300px] top-[60%]">
          <img src="https://www.lucksec.cn/img/samsung.89c9e25f.png" alt="" />
        </div>
      </div>
    </div>
  </main>
</template>
<script>
export default {
  name: "",
  components: {},
  mixins: [],
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {},
};
</script>
<style lang="" scoped></style>
